<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>淘宝-zealer</title>
<meta name="keywords" content="淘宝模板">
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="../assets/css/site.css" />
<script type="text/javascript" src="../assets/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../assets/js/angular.min.js"></script>
<script type="text/javascript" src="../assets/js/angular-route.min.js"></script>
<script type="text/javascript" src="../assets/js/index.js"></script>   
</head>
<body>

   <header class="zealer-head">
   	   <div class="container">
   	   	  <div class="row">
   	   	  	 <div class="col-sm-2 col-md-2"><a class="logo"><img src="../assets/images/logo02.jpg" /></a></div>
   	   	  	 <nav class="col-sm-8 col-md-9 navbar">
   	   	  	 	<ul class="nav navbar-nav">
   	   	  	 		<li><a>首页</a></li>
   	   	  	 		<li><a>视频</a></li>
   	   	  	 		<li><a>手机</a></li>
   	   	  	 		<li><a>社区</a></li>
   	   	  	 		<li><a>维修</a></li>
   	   	  	 		<li><a>实验室</a></li>
   	   	  	 		<li><a>联系我们</a></li>
   	   	  	 	</ul>
   	   	  	 </nav>
   	   	  	 <div class="col-sm-2 col-md-1 top-login hidden-xs">
                 <a href="login.html">登录</a>
                 <a href="register.html">注册</a>
   	   	  	 </div>
   	   	  </div>
   	   </div>
   </header>

   <section class="zealer-main">
        <div id="myCarousel" class="carousel slide">
            <ul class="carousel-inner">
               <li class="item text-center active"><a><img src="../assets/images/brand_03.jpg" /></a></li>
            </ul>
        </div>
        
        <div class="container">
        	<div class="row zealer-area">
        	    <nav class="navbar">
        	    	<div class="container-fluid">
        	    		<div class="navbar-header">
        	    			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#navbar-first">
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>					
				            </button>
				            <a class="navbar-brand" href="#">视频</a>
        	    		</div>
        	    		<div class="collapse navbar-collapse" id="navbar-first">
        	    			<ul class="nav navbar-nav">
        	    				<li><a href="#">硬件测评</a></li>
        	    				<li><a href="#">搞机教程</a></li>
        	    				<li><a href="#">脱口秀</a></li>
        	    				<li><a href="#">人物专访</a></li>
        	    				<li><a href="#">ZEALER 那些事</a></li>
        	    				<li><a href="#">全部</a></li>
        	    				
        	    			</ul>
        	    		</div>
        	    	</div>
        	    </nav> 
                <ul class="row text-center">
                    <li class="col-sm-6 col-md-4">
                        <p class="video-img"><img src="../assets/upload/zeal_gd01.jpg" /></p>
                        <p class="video-name"><a>情感机器人体验：你好，Pepper酱</a></p>
                    </li>
                    <li class="col-sm-6 col-md-4">
                        <p class="video-img"><img src="../assets/upload/zeal_gd02.jpg" /></p>
                        <p class="video-name"><a>「科技相对论」最全面的极客养成指南</a></p>
                    </li>
                    <li class="col-sm-6 col-md-4">
                        <p class="video-img"><img src="../assets/upload/zeal_gd03.jpg" /></p>
                        <p class="video-name"><a>手机拍照专题——你所不知道的iPhone…</a></p>
                    </li>
                    <li class="col-sm-6 col-md-4">
                        <p class="video-img"><img src="../assets/upload/zeal_gd04.jpg" /></p>
                        <p class="video-name"><a>「科技相对论」体育科学“水很深”，…</a></p>
                    </li>
                    <li class="col-sm-6 col-md-4">
                        <p class="video-img"><img src="../assets/upload/zeal_gd05.jpg" /></p>
                        <p class="video-name"><a>如何科学地剁一个游戏鼠标</a></p>
                    </li>
                    <li class="col-sm-6 col-md-4">
                        <p class="video-img"><img src="../assets/upload/zeal_gd06.jpg" /></p>
                        <p class="video-name"><a>「科技相对论」科幻：瞎想容易靠谱难</a></p>
                    </li>                    
                </ul>
        	</div>

        	<div class="row zealer-area">
        	    <nav class="navbar">
        	    	<div class="container-fluid">
        	    		<div class="navbar-header">
        	    			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#navbar-two">
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>					
				            </button>
				            <a class="navbar-brand">社区</a>                                    
        	    		</div>
        	    		<div class="collapse navbar-collapse" id="navbar-two">
        	    			<ul class="nav navbar-nav">
        	    				<li><a href="#">精选</a></li>
        	    				<li><a href="#">越测越开心</a></li>
        	    				<li><a href="#">手机解剖室</a></li>
        	    				<li><a href="#">桌面文化</a></li>
        	    				<li><a href="#">机械键盘</a></li>
        	    				<li><a href="#">手机PK单反</a></li>
        	    				<li><a href="#">科技BB机</a></li>
        	    			</ul>
        	    		</div>
        	    	</div>
        	    </nav> 
                <ul class="row text-center">
                    <li class="col-sm-12 col-md-12 row">
                        <p class="video-img col-md-6"><img src="../assets/upload/zeal_gd10.jpg" /></p>
                       
                        <p class="munite-name col-md-6"><a>Z 友分享 | 坚果 G1 智能家庭影院入手体验</a></p>
                        <p class="munite-tips col-md-6 text-left">今年似乎是智能投影仪爆发的一年，在这一年里各种各样的智能投影产品映入人们的眼帘，在浏览各种产品的时候，一款叫做坚果 G1 智能</p>
                      
                    </li>                
                    <li class="col-sm-6 col-md-4">
                        <p class="video-img"><img src="../assets/upload/zeal_gd07.png" /></p>
                       
                        <p class="munite-name"><a>如果 Google 重返中国，你有什么期待？</a></p>
                        <p class="munite-tips">近期关于 Google 重返中国的消息，返华这件事对于谷歌来说并不是一时兴起。Google 想在中国市场发布一个新的Android软件商店</p>
                      
                    </li>
                    <li class="col-sm-6 col-md-4">
                        <p class="video-img"><img src="../assets/upload/zeal_gd08.jpg" /></p>
                        <p class="munite-name"><a>Flyme 5 相对 Flyme4.5 的那些改变你喜欢吗</a></p>
                        <p class="munite-tips">作为最早使用Flyme5的一批用户，从PRO5发布会上杨颜宣布Flyme5将会首先适配MX5，当时手持杨颜在北京因你不同圆桌会议上送的MX5</p>
                    </li>
                    <li class="col-sm-6 col-md-4">
                        <p class="video-img"><img src="../assets/upload/zeal_gd09.jpg" /></p>
                        <p class="munite-name"><a>Z 友分享 | 我的机械键盘小烧之路</a></p>
                        <p class="munite-tips">第一次在ZEALER发帖~从几个月前开始关注ZEALER，并在那个时候看到了有关于机械键盘的介绍视频，其实本来对键盘不是特别感兴趣</p>
                    </li>
                       
                </ul>
        	</div>
        	<div class="row zealer-area">
        	  <div class="col-md-8">
        	    <nav class="navbar">
        	    	<div class="container-fluid">
        	    		<div class="navbar-header">
        	    			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#navbar-third">
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>					
				            </button>
				            <a class="navbar-brand" href="#">二手寄售</a>                              
        	    		</div>
        	    		<div class="collapse navbar-collapse" id="navbar-third">
        	    			<ul class="nav navbar-nav">
        	    				<li><a href="#">手机</a></li>
        	    				<li><a href="#">配件</a></li>	    				
        	    			</ul>
        	    		</div>
        	    	</div>
        	    </nav> 
        	    <ul class="row consign-list">
        	    	<li class="col-sm-6 col-md-6">
                        <div class="thumbnail">

                        	<div class="caption fl">
                        		<p class="name">全部机型</p>
                        		<p class='price'>&yen<b>999.50</b></p>
                        	</div>
                        	<img class="fr" src="../assets/upload/zeal_gd15.jpg" />
                        </div>
        	    	</li>
        	    	<li class="col-sm-6 col-md-6">
                        <div class="thumbnail">

                        	<div class="caption fl">
                        		<p class="name">Apple Earpods</p>
                        		<p class='price'>&yen<b>99.50</b></p>
                        	</div>
                        	<img class="fr" src="../assets/upload/zeal_gd16.jpg" />
                        </div>
        	    	</li>
        	    	<li class="col-sm-6 col-md-6">
                        <div class="thumbnail">

                        	<div class="caption fl">
                        		<p class="name">Lightning数据线</p>
                        		<p class='price'>&yen<b>89.50</b></p>
                        	</div>
                        	<img class="fr" src="../assets/upload/zeal_gd17.jpg" />
                        </div>
        	    	</li>
        	    	<li class="col-sm-6 col-md-6">
                        <div class="thumbnail">

                        	<div class="caption fl">
                        		<p class="name">USB电源适配器</p>
                        		<p class='price'>&yen<b>79.50</b></p>
                        	</div>
                        	<img class="fr" src="../assets/upload/zeal_gd18.jpg" />
                        </div>
        	    	</li>        	    	
        	    </ul>
        	   </div>
        	   <div class="col-md-4"> 
        	    <nav class="navbar">
        	    	<div class="container-fluid">
        	    		<div class="navbar-header">
        	    			
				            <a class="navbar-brand">维修</a>                              
        	    		</div>
        	    		
        	    	</div>
        	    </nav> 
        	    <div class="thumbnail couple">
        	    	<p class="couple-img"><img src="../assets/images/bg05.jpg" /></p>
        	    	<form rol="form">
        	    		<div class="form-group">
        	    			<label>请选择机型</label>
        	    			<input type="text" name="text" placeholder="iphone" class="form-control" />
        	    		</div>
        	    		<div class="form-group">
        	    			<label>请选择故障现象</label>
        	    			<input type="text" name="text" placeholder="故障" class="form-control" />
        	    		</div> 
        	    		<button type="submit" class="btn btn-success">查询价格</button>       	    		
        	    	</form>
        	    </div>
               </div> 
        	</div>

        	<div class="row zealer-area">
        	    <nav class="navbar">
        	    	<div class="container-fluid">
        	    		<div class="navbar-header">
        	    			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#navbar-four">
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>					
				            </button>
				            <a class="navbar-brand" href="#">实验室</a>                        
        	    		</div>
        	    		<div class="collapse navbar-collapse" id="navbar-four">
        	    			<ul class="nav navbar-nav">
        	    				<li><a href="#">内容</a></li>
        	    				<li><a href="#">简介</a></li>
        	    				<li><a href="#">咨询</a></li>
        	    				<li><a href="#">众测</a></li>
        	    				<li><a href="#">更多</a></li>
        	    				
        	    			</ul>
        	    		</div>
        	    	</div>
        	    </nav> 
                <ul class="row text-center">
                    <li class="col-sm-6 col-md-6">
                        <p class="video-img"><img src="../assets/upload/zeal_gd11.jpg" /></p>
                        <p class="video-name"><a>「做消费者自己的实验室」</a></p>
                    </li>
                    <li class="col-sm-6 col-md-6">
                        <p class="video-img"><img src="../assets/upload/zeal_gd12.jpg" /></p>
                        <p class="video-name"><a>「检测&咨询」正式上线</a></p>
                    </li>
                    <li class="col-sm-6 col-md-6">
                        <p class="video-img"><img src="../assets/upload/zeal_gd13.jpg" /></p>
                        <p class="video-name"><a>测评分析 尽在其中</a></p>
                    </li>
                    <li class="col-sm-6 col-md-6">
                        <p class="video-img"><img src="../assets/upload/zeal_gd14.jpg" /></p>
                        <p class="video-name"><a>众测空间 期待有你</a></p>
                    </li>
                                     
                </ul>
        	</div>

        </div>

   </section>

   <footer class="zealer-foot">
   	    <div class="help-inner">
   	    	<div class="container">
   	    		<div class="row">
   	    			<div class="col-md-9">
   	    				<ul class="row help-list text-center">
   	    					<li class="col-sm-4 col-md-4">
   	    						<dl class="list-group">
   	    							<dt class="list-group-tiem">业务</dt>
   	    							<dd class="list-group-tiem"><a>手机服务</a></dd>
   	    							<dd class="list-group-tiem"><a>实验室</a></dd>
   	    							<dd class="list-group-tiem"><a>社区</a></dd>
   	    						</dl>
   	    					</li>
   	    					<li class="col-sm-4 col-md-4">
   	    						<dl class="list-group">
   	    							<dt class="list-group-tiem">关于我们</dt>
   	    							<dd class="list-group-tiem"><a>会员条款</a></dd>
   	    							<dd class="list-group-tiem"><a>加入我们</a></dd>
   	    							<dd class="list-group-tiem"><a>关于ZEALER</a></dd>
   	    						</dl>
   	    					</li>    
   	    					<li class="col-sm-4 col-md-4">
   	    						<dl class="list-group">   
   	    							<dt class="list-group-tiem">关注我们</dt>
   	    							<dd class="list-group-tiem"><a>新浪微博</a></dd>
   	    							<dd class="list-group-tiem"><a>联系我们</a></dd>
   	    						</dl>
   	    					</li>   	    					   	    					
   	    				</ul>
   	    			</div>
   	    			<div class="col-md-3 zealer-code hidden-xs hidden-sm">
   	    				<dl class="fl">
   	    				   <dt>官方微信</dt>
   	    				   <dd><img src="../assets/images/code02.jpg" /></dd>	
   	    				</dl>
   	    				<dl class="fl">
   	    				   <dt>APP下载</dt>
   	    				   <dd><img src="../assets/images/code01.jpg" /></dd>	
   	    				</dl>   	    				
   	    			</div>
   	    		</div>
   	    	</div>
   	    </div>
   	    <p class="copyright">technology stays true here   |   © 2014 ZEALER   |   粤ICP备12076</p>
   </footer>

</body>
</html>